<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        .header{
            height: 100px;
            margin-left: auto;
            margin-right:auto;
        }
        .nav{
            height: 200px;
            margin-left: auto;
            margin-right:auto;
        }
        .con{
            height: 800px;
            margin-left: auto;
            margin-right:auto;
        }
    </style>
</head>
<body>
    <div class="header">
        <ul>
            <li><a href="#">新闻    hao123    地图    直播    视频    贴吧    学术    更多</a></li>
            <li style="position: absolute; right: 70px;"><a href="#">设置</a></li>
        </ul>
        <input type="submit" value="登录" style="background: blue; color: white; position: absolute; right: 10px;">
    </div>
    <div class="nav">
        <img src="image/B1.PNG" alt="" style="position: absolute; left: 700px;"/>
    </div>
    <div class="con">
        <input type="text" style="position: absolute; left: 500px; width:550px; height:30px;">
        <input type="submit" value="百度一下" style="background: blue; color: white; width:100px; height:40px; position: absolute; left: 1050px;">
        <ul style="position: absolute; left: 450px; top: 350px;">
            <li><a href="#">1 广东新增8例本土确诊病例</a></li>
            <li><a href="#">2 端午出行看过来！这些景点最热门</a></li>
            <li><a href="#">3 吉林大娘冒雨头顶一盆粽子送给民警</a></li>
        </ul>
        <ul style="position: absolute; left: 900px; top: 350px;">
            <li><a href="#">4 林书豪宣布回归北京首钢</a></li>
            <li><a href="#">5 起底南医大女生被害案凶手</a></li>
            <li><a href="#">6 广州一夫妇隐瞒行程被立案调查</a></li>
        </ul>
        <p style="position: absolute; bottom: 10px; left: 100px;">设为首页   关于百度    About Baidu     使用百度前必读      意见反馈    帮助中心    京公网安备11000002000001号      京ICP证030173号     ©2021 Baidu     (京)-经营性-2017-0020       信息网络传播视听节目许可证 0110516</p>
    </div>
</body>
</html>